<script type="text/javascript">
	var userArray = new Array();
	var action = 'mapping';
</script>
<div class='form_container' style='width: 500px;'>
	<table>
	<tr>
		<td colspan='10'>
			<div>
		       <span id="status_message" style="font-style: italic; color: red;"></span>
		   	</div>
	   	</td>
	</tr>	
	<tr>
		<td class='label'>{translate}Role{/translate}</td>
		<td>
			<select id="employee_type" name="employee_type" onchange="javascript:getUsersByEmployeeType();">
				
				{html_options options=$employee_type_list}
				<option value="all">{translate}All{/translate}</option>
			</select>  
		</td>		
	</tr>
	<tr>
		<td class='label'>{translate}Name{/translate}</td>
		<td>
			<form>
			<select id="select_employee" name="select_employee" onchange="javascript:getRelationalUsers();">
			</select>
			</form> 
		</td>		
	</tr>
	<tr>
		<td colspan='2'>
			<div id="relational_user_list"  >
				<table id="user_tbl" class="grid" cellspacing="0" cellpadding="0" width="400px">
					<caption><font size='2'>{translate}DANH SÁCH NHÂN VIÊN ĐƯỢC VIEW WORKING CALENDAR{/translate}</font></caption>
					<thead>
						<tr><th class='first'>{translate}Name{/translate}</th>
							<th >{translate}Role{/translate}</th>
							<th class='last'>{translate}Act{/translate}</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</td>
	</tr>
	</table>
</div>
<br/>
<div id='search_div' class='form_container' style='width: 500px; display:none'>
	{include file="calendar_manager/element_search_employee.html"}
	
</div>
